import React, { Component } from 'react';
import styles from './index.less';
import { connect } from 'dva';
@connect(({ buyoutes }) => ({ buyoutes }))
export default class Cardinformation extends Component {
    state = {
        one: '建议贵重商品(手机及高价值电脑等) 发货前联系客户完整证照及人脸认证 (入口在：小程序我的身份信息)',
        two: '1.身份证照和人脸认证已升级为机器自动识别',
        three: '2.账单逾期超过15天后，证照支持可查看',
        text: '未完成',
        text2: '已通过',
    }
    render() {
        const { one, two, three, text, text2 } = this.state;
        const { idcard, facecard } = this.props;
        return (
            <div>
                <div className={styles.title}>
                    <div style={{ fontWeight: 'bold' }}>{one}</div>
                    <div>{two}</div>
                    <div>{three}</div>
                </div>
                <div className={styles.text_less}>是否通过身份证照认证：
                {
                        idcard == 1 ?
                            <span style={{ color: 'green' }}> {text2} </span>
                            : <span style={{ color: 'red' }} > {text} </span>
                    }
                </div>
                <div className={styles.text_less}>是否通过身份证照认证：
                {
                        facecard == 1 ?
                            <span style={{ color: 'green' }}> {text2} </span>
                            : <span style={{ color: 'red' }} > {text} </span>
                    }
                </div>
            </div>
        )
    }
}